<?php 
    require_once("../source/module/function_global.php");
?>
<?php
       require_once("ketnoi_csdl.php");
       $sql="SELECT NAME_ALBUM, PATH_ALBUM, URL_ALBUM, DESCRIPTION FROM album";
       $result = mysql_query($sql,$con);
       while($rows[] = mysql_fetch_array($result));
       $numalbum = count($rows)-1;
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0041)http://www.ewebvn.com/demo/div-three-col/ -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Wedding studio</title>
    <link href="../css/style_common_album.css" rel="stylesheet" type="text/css" />
    <link href="../css/albumkhachhang.css" rel="stylesheet" type="text/css" />
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"></script>
    <link href="../css/gioithieu.css" rel="stylesheet" />
    <link href="../css/style.css" rel="stylesheet" />
    <script src="../source/smartpaginator/jquery-1.4.4.min.js" type="text/javascript"></script>
    <script src="../source/smartpaginator/smartpaginator.js" type="text/javascript"></script>
    <link href="../source/smartpaginator/smartpaginator.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="../source/resizeimg/jquery.nailthumb.1.1.css" type="text/css" />
    <script type="text/javascript" src="../source/resizeimg/jquery.nailthumb.1.1.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
			var max_height = 0;
			$("#left,#center,#right").each(function(){
				if($(this).height() > max_height)
					max_height = $(this).height();
			});
			$("#left,#center,#right").height(max_height);
        });
    </script>
    	<!-- We only want the thunbnails to display when javascript is disabled -->
	<script type="text/javascript">
		document.write('<style>.noscript { display: none; }</style>');
	</script>
    <style type="text/css" media="screen">
                .square {
                    width: 190px;
                    height: 250px;
                }
                .showlink {
                    width: 690px;
                    height: 500px;
            }
    </style>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#green').smartpaginator({ totalrecords: <?php echo ceil($numalbum/4);?>, recordsperpage: 3, datacontainer: 'mt', dataelement: 'tr', initval: 0, next: 'Next', prev: 'Prev', first: 'First', last: 'Last', theme: 'green' });

            $('#black').smartpaginator({ totalrecords: 5, recordsperpage: 1, datacontainer: 'divs', dataelement: 'div', initval: 0, next: 'Next', prev: 'Prev', first: 'First', last: 'Last', theme: 'black' });

            $('#red').smartpaginator({ totalrecords: 32, recordsperpage: 4, length: 4, next: 'Next', prev: 'Prev', first: 'First', last: 'Last', theme: 'red', controlsalways: true, onchange: function (newPage) {
                $('#r').html('Page # ' + newPage);
            }
            });

        });
    </script>
    
</head>
<body>
<?php include("../source/header.php"); ?>
    <div id="mainWap">
        <div id="green-contents" class="contents">
            <table id="mt" cellpadding="0" cellspacing="0" border="0" class="table">
                <tr class="header">
                    <th>
                    </th>
                    <th>
                    </th>
                    <th>
                    </th>
                    <th>
                    </th>
                </tr>
        <?php            
            $link = "../source/viewalbumcuoi.php";
            PrintFormAlbumWeddingImage($numalbum,$rows,$link);            
        ?>
                </table>
            <div id="green" style="margin: auto;">
            </div>
        </div>
        <div class="clr"></div>
    </div>
    <?php include("../source/footer.php"); ?>
    <!-- end wapper -->

<div style="display:none" id="addthis-extension-script"></div></body><div style="display: none; " id="k1XKb07LtFf3qXDHOv7u5v1C" class="kzlzuwUwKPAvDYR3E7uqB8"></div><div style="display: none; " id="YV8CLCODDDq0pfWQ4qijEZEt_" class="kzlzuwUwKPAvDYR3E7uqB8"></div><div style="display: none; " id="kWRY8_3uCTQWbN_sjCoSQjlEqp" class="kzlzuwUwKPAvDYR3E7uqB8"></div></html>